<template>
  <div id="home">
    <nav-bar class="home-nav">
      <div slot="center">购物街</div>
    </nav-bar>
  </div>
</template>

<script>

  import NavBar from 'components/common/navbar/NavBar';
  import {getMultiData} from "network/home";


  export default {
    name: "Home",
    components: {
      NavBar
    },
    data() {
      return {
        result: null
      }
    },
    created() {
      getMultiData().then(res => {
        this.result = res
      })
    }
  }
</script>

<style scoped>
  #home {
    /* padding-top: 44px; */
    height: 100vh;
    position: relative;
  }

  .home-nav {
    background-color: var(--color-tint);
    color: #fff;
    /*
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      z-index: 9; */
  }

  .tab-control {
    position: relative;

    z-index: 9;
  }

  .content {
    overflow: hidden;

    position: absolute;
    top: 44px;
    bottom: 49px;
    left: 0;
    right: 0;
  }
</style>
